<template>
	<div class="good-detail">
		<head-bar></head-bar>
		<color-line></color-line>
		<goods-select></goods-select>
		<shop-info-bar></shop-info-bar>
		<div class="boss-commend-like">
			<span>掌柜推荐</span>
			<div class="like-list">
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
			</div>
		</div>
		<div class="goods-content">
			<span class="content-detail-text">商品详情</span><span class="content-detail-text-en">PRODUCT DETAILS</span><br />
			<span class="goods-desc">“生活大爆炸”看剧必备款  定制卫衣 特惠包邮</span>
			<div class="goods-show">
				<h2>男款LifeStyle圆领套头卫衣</h2>
				<img src="http://static.udz.com/uploads/2016/11/18/8215788640023326.png.720.png" class="show-img-1"/>
				<img src="http://static.udz.com/statics/images/sizespec/mlstt.jpg" class="show-img-2"/>
			</div>
			<div class="goods-show">
				<h2>男款LifeStyle圆领套头卫衣</h2>
				<img src="http://static.udz.com/uploads/2016/11/18/8215788640023326.png.720.png" class="show-img-1"/>
				<img src="http://static.udz.com/statics/images/sizespec/mlstt.jpg" class="show-img-2"/>
			</div>
			<div class="goods-show">
				<h2>男款LifeStyle圆领套头卫衣</h2>
				<img src="http://static.udz.com/uploads/2016/11/18/8215788640023326.png.720.png" class="show-img-1"/>
				<img src="http://static.udz.com/statics/images/sizespec/mlstt.jpg" class="show-img-2"/>
			</div>
			<div class="">
				<span>❤关于洗涤</span><br />
				<span>1. 含有印花及装饰的产品建议手洗，并减少机洗频率；洗涤时请将印花机装饰部位反面水洗。</span><br />
				<span>2. 建议采用缓和程序洗涤，并将深、浅色衣物与其他衣物分开清洗。</span><br />
				<span>3. 深色衣物建议在初次穿着前用清水漂洗，因衣物做了特殊处理使得表面更为顺滑，如有残留毛屑并非掉色，属于正常现象。</span><br />
				<span>❤关于色差</span><br />
				<span>由于灯光、显示器及个人对颜色的理解度不同，色差不可避免，不属质量问题，最终以商品实物为准，敬请谅解。</span>
			</div>
		</div>
		<div class="boss-commend-like">
			<span>猜你喜欢</span>
			<div class="like-list">
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
				<goods-xs></goods-xs>
			</div>
		</div>
		<ifooter></ifooter>
	</div>
</template>

<script>
	import headBar from "../components/headBar.vue"
	import ifooter from "../components/ifooter.vue"
	import colorLine from "../components/colorLine.vue"
	import goodsSelect from "../components/goodsSelect.vue"
	import shopInfoBar from "../components/shopInfoBar.vue"
	import goodsXs from "../components/goodsXs.vue"
	export default {
		created:function(){
			console.log("=====================================created")
			bus.$on('goodsId', function (id) {
  				console.log(id);
			});
		},
		components:{
			headBar,
			ifooter,
			colorLine,
			goodsSelect,
			shopInfoBar,
			goodsXs,
		},
	}
</script>

<style scoped lang="less" stylesheet="less">
	.good-detail{
		.boss-commend-like{
			width: 1200px;
			margin: 0 auto;
			span{
				font-size: 1.05rem;
				font-family: "微软雅黑";
				font-weight: bold;
				padding-left: 5px;
				border-left: 10px solid #fc5454;
			}
			.like-list{
				overflow: hidden;
				margin-bottom: 20px;
			}
		}
		.goods-content{
			font-family: "微软雅黑";
			width: 1200px;
			margin: 0px auto;
			padding: 20px 0;
			border-top: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			.content-detail-text{
				line-height: 30px;
				font-size: 1.5rem;
			}
			.content-detail-text-en{
				margin-left: 5px;
				line-height: 30px;
				color: #999999;
			}
			.goods-desc{
				display: inline-block;
				margin-top: 20px;
			}
			.goods-show{
				margin: 20px 0;
				text-align: center;
				.show-img-1{
					width: 360px;
					height: 360px;
				}
			}
		}
	}
</style>